<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>首页</title>
    <link rel="stylesheet" href="${base}/layui/css/layui.css">
    <link rel="stylesheet" href="${base}/awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${base}/css/admin.css">
</head>

<body class="layui-layout-body" style="overflow:scroll;">
<#include "/common/left.flt">	
<div class="layui-main" style="position: absolute;left: 204px;top: 70px; width: calc(100% - 210px);" >
    
	<div class="layui-elem-quote">
	  <p>总用户数 - ${all}</p>
	</div>
	<div class="layui-elem-quote">
	  <p>昨天用户数 - ${yestoday}</p>
	</div>
	<div id="echarts" style="height: 400px;" class="col-md-12 col-sm-12">

    </div>
</div>
</body>
<script src="${base}/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="${base}/js/echarts.js" type="text/javascript"></script>
<script src="${base}/layui/layui.all.js"></script>
<script>
var myChart = echarts.init(document.getElementById('echarts'));
var option = {
    tooltip: {
        trigger: 'axis',
    },
    legend: {
        data:['注册人数','会员充值-Android','会员充值-IOS']
    },
    xAxis: {
    	type : 'category',
        boundaryGap : false,
        data: [${key}]
    },
    yAxis: [ {
        type : 'value'
    }],
    series: [
    	{
        	name: '注册人数',
        	type: 'line',
        	data: [${users}]            
    	},
    	{
            name: '会员充值-Android',
            type: 'line',
            data: [${android}]            
        },
    	{
            name: '会员充值-IOS',
            type: 'line',
            data: [${ios}]            
        }
    ]
    ,color:['#9ac4e4','#dd2222','#0070c9']
};
// 使用刚指定的配置项和数据显示图表。 ,color:['#9ac4e4']
myChart.setOption(option);
</script>
</html>